<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8">
<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
<title>{$title}</title>
<link rel="stylesheet" type="text/css" href="__CDN__/static/aui/css/aui.css" />
<link rel="stylesheet" type="text/css" href="__CDN__/static/lucnUI/lucn.css" />
<style>
body{ position:relative;max-width:640px;min-width: 240px;margin-left: auto;margin-right: auto;}
.aui-bar{ max-width:800px;min-width: 240px; margin-left:auto; margin-right:auto;}
.aui-list .aui-list-header{ background-color:#F08200; color:#FFF;}
.aui-card-list-header{ background-color:#F08200; color:#FFF; background:url(picture/201607081467962453719112_s.jpg) }
.img_1{ width:7rem !important; height:auto;}
</style>
<script language="javascript" src="__CDN__/static/jQuery/jquery-2.1.4.min.js"></script>
<!--<script language="javascript" src="__CDN__/flexible/flexible.js"></script>-->
<script language="javascript" src="__CDN__/static/lucnUI/lucn.js"></script>
</head>
{php}
use think\Request;
$arr = json_decode($one['content']);
$arr2 = json_decode($one['farming_record']);
$arr3 = json_decode($one['testing_record']);
$arr4 = json_decode($one['production_record']);
{/php}
<body>
<header>
<div class="aui-content aui-margin-b-15">
<img src="__RES__/images/top.png">
</div>
</header>
<article>
<div class="aui-content-padded aui-margin-b-15">
    您的批次码为：{php}echo Request::instance()->param('bar');{/php}
</div>

<section class="aui-content-padded">
    <div class="aui-card-list">
        <div class="aui-card-list-header">
            基本信息
        </div>
        <div class="aui-card-list-content-padded">
            <div class="aui-row aui-row-padded">
			    {if condition="isset($one) eq true"}
			    <div class="aui-col-xs-3">
                    名称
                </div>
                <div class="aui-col-xs-9">
                    {$one.product_name}
                </div>
                <div class="aui-col-xs-3">
                    图片
                </div>
                <div class="aui-col-xs-9">
                    <img class="img_1" src="__PUBLIC__/{$one.image}">
                </div>
				{else /}
				您的查询码没有记录，请检查查询码是否正确。
				{/if}
            </div>
        </div>
		<!--
        <div class="aui-card-list-footer">
            底部区域
        </div>
		-->
    </div>
</section>

<section class="aui-content-padded">
    <div class="aui-card-list">
        <div class="aui-card-list-header">
            详细信息
        </div>
        <div class="aui-card-list-content-padded">
		    {if condition="count($arr) gt 0"}
		    {foreach $arr as $key => $vo}
            <div class="aui-row aui-row-padded">
                <div class="aui-col-xs-3">
                    {$key}
                </div>
                <div class="aui-col-xs-9">
                    {$vo}
                </div>
            </div>
			{/foreach}
			{/if}
        </div>
    </div>
</section>

<section class="aui-content-padded">
    <div class="aui-card-list">
        <div class="aui-card-list-header">
            农事记录
        </div>
        <div class="aui-card-list-content-padded">
		    {if condition="count($arr2) gt 0"}
		    {foreach $arr2 as $key => $vo}
            <div class="aui-row aui-row-padded">
                <div class="aui-col-xs-4">
                    {$key}
                </div>
                <div class="aui-col-xs-8">
                    {$vo}
                </div>
            </div>
			{/foreach}
			{/if}
        </div>
    </div>
</section>

<section class="aui-content-padded">
    <div class="aui-card-list">
        <div class="aui-card-list-header">
            生产记录
        </div>
        <div class="aui-card-list-content-padded">
		    {if condition="count($arr4) gt 0"}
		    {foreach $arr2 as $key => $vo}
            <div class="aui-row aui-row-padded">
                <div class="aui-col-xs-4">
                    {$key}
                </div>
                <div class="aui-col-xs-8">
                    {$vo}
                </div>
            </div>
			{/foreach}
			{/if}
        </div>
    </div>
</section>

<section class="aui-content-padded">
    <div class="aui-card-list">
        <div class="aui-card-list-header">
            质检记录
        </div>
        <div class="aui-card-list-content-padded">
	    	{if condition="count($arr3) gt 0"}
		    {foreach $arr3 as $key => $vo}
            <div class="aui-row aui-row-padded">
                <div class="aui-col-xs-4">
                    {$key}
                </div>
                <div class="aui-col-xs-8">
                    {$vo}
                </div>
            </div>
			{/foreach}
			{/if}
        </div>
    </div>
</section>
<div style="height: 2.25rem;"></div>
</article>
<footer class="aui-bar aui-bar-tab" id="footer">
    <div class="aui-bar-tab-item" tapmode>
	<a href="http://www.hyjnsy.com">
        <i class="aui-iconfont aui-icon-home"></i>
        <div class="aui-bar-tab-label">访问官网</div>
	</a>	
    </div>
    <div class="aui-bar-tab-item" tapmode>
	<a href="tel:0394-2888276">
        <i class="aui-iconfont aui-icon-phone"></i>
        <div class="aui-bar-tab-label">电话咨询</div>
	</a>
    </div>
    <div class="aui-bar-tab-item wxbtn" tapmode>
        <i class="aui-iconfont aui-icon-wechat"></i>
        <div class="aui-bar-tab-label">微信关注</div>
    </div>
</footer>
<script>
$('body').on('click','.wxbtn',function(){
layer.open({
	//type: 1
	title: [
      '关注我们',
      'background-color: #FF4351; color:#fff;'
    ]
    //,content: '知竹常乐[12562]价格？'
	,content: '<div class="lucn-content-padded1"><img src="http://www.hyjnsy.com/minishop/app2/jn/view/led/picture/201609071473217052164805.jpg" style="width:65%;display:inline"><br>微信ID：hyjns<h3>关注方法：</h3><span class="aui-text-primary">微信内</span>可长按二维码识别二维码。<br><span class="aui-text-primary">其他浏览器</span>请添加朋友（公众号）：hyjnsy</p></div>'
	//,style: 'position:fixed; bottom:0; left:0; width: 100%; height: 200px; padding:10px 0 50px 0; border:none;'
  });
});

</script>
</body>
</html>
